.honor{
    width:100%;
    background: #FAFAFA;
    padding-top:110px;
    box-sizing: border-box;
    min-height: 100vh;

    .bannerBox{
        width:100%;
        height: 570px;
        background: linear-gradient(180deg, #F4F4F4 0%, #FFFFFF 100%);
        display: flex;
        align-items: center;
        justify-content: center;

        .banner{
            width:1200px;
            height:500px;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
            .bg{
                width:1200px;
                height:500px;
                overflow: hidden;
                background-size: cover;
                background-position: center center;
            }
        }
        
    }

    .none{
        width:100%;
        margin-top:100px;
        .nimg{
            width:594px;
            height:492px;
            
        }

        p{
            font-size: 18px;
            
            font-weight: 400;
            color: #000;
            line-height: 25px;
            margin:-120px 0 0 0; 
            width:100%;
            text-align: center;
            padding-bottom: 80px;
        }
    }
    .cen{
        width:100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .page{
        width:100%;
        padding-top:30px;
        padding-bottom: 50px;
        display: flex;
        justify-content: center;

        .pm{
            width:1200px;

            .pbox{
                width:100%;
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
    
                .card:hover{
                    transform: scale(1.03);
                    cursor: pointer;
                }
    
                .card{
                    width: 583px;
                    height: 180px;
                    background: #FFFFFF;
                    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
                    border-radius: 10px;
                    padding:10px;
                    box-sizing: border-box;
                    display: flex;
                    align-items: center;
                    transition:all ease 300ms;
                    margin-bottom: 30px;
                    .cimg{
                        width:245px;
                        height:160px;
                        border-radius: 10px;
                        background-size: cover;
                        background-position: center center;
                        margin-right:20px;
                    }
    
                    .ctext{
                        width:280px;
    
                        h1{
                            font-size: 18px;
                            font-weight: 600;
                            color: #212121;
                            line-height: 25px;
                            margin:0;
                            width:100%;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                        }
    
                        p{
                            width:100%;
                            overflow: hidden;
                            height: 40px;
                            font-size: 14px;
                            font-weight: 400;
                            color: #888888;
                            line-height: 20px;
                            margin:10px 0 30px 0;
                        }
    
                        .cdiv{
                            width:100%;
                            display: flex;
                            align-items: center;
    
                            .icon{
                                width:16px;
                                height:16px;
                                margin-right:10px;
                            }
    
                            h4{
                                font-size: 14px;
                                margin:0;
                                font-weight: 400;
                                color: #888888;
                                line-height: 20px; 
                            }
                        }
                    }
                }
            }

            .box{
                width:105%;
                display: flex;
                flex-wrap: wrap;

                .item:hover{
                    transform: scale(1.03);
                    box-shadow: 0px 10px 20px 0px rgba(27, 186, 132, 0.29);
                }

                .item{
                    width: 275px;
                    height: 280px;
                    background: #FFFFFF;
                    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
                    border-radius: 10px;
                    margin-right:33px;
                    margin-bottom: 40px;
                    overflow: hidden;
                    cursor: pointer;
                    .itop{
                        width:100%;
                        height:180px;
                        background-size: cover;
                        background-position: center center;
                    }

                    .ibom{
                        width:100%;
                        padding:15px 12px;

                        h2{
                            font-size: 18px;
                            
                            font-weight: 600;
                            color: #212121;
                            line-height: 25px;
                            margin:0;
                            width:100%;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            overflow: hidden;
                        }

                        .itext{
                            height: 40px;
                            font-size: 14px;
                            overflow: hidden;
                            font-weight: 400;
                            color: #888888;
                            line-height: 20px;
                            margin-top:10px;
                        }
                    }
                }
            }

            .r_page{
                width:100%;
                text-align: right;
                margin-top:20px;
            }
        }
    }
}